@charset "utf-8";

@import "function.less";

//reset 
html{-webkit-text-size-adjust:none;}
body,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,dl,dd,hr,input,textarea,button{margin:0; padding:0;}
body,h1,h2,h3,h4,h5,h6,pre{ font: 14px/1.231 "微软雅黑",Verdana,"宋体",sans-serif normal;}
pre{word-wrap: break-word; word-break:break-all; white-space:pre-wrap;}
ul{ list-style:none;}
table { border-collapse:collapse; border-spacing:0;}
body{ background:#fff; height:100%; color: @defaultColor; background:url(../images/bg.jpg);}
a{ display:inline-block; text-decoration:none; color: @defaultColor;}
a:hover{ color:#999;}
img{ display: inline-block; border:0 none; vertical-align:top;}
input,textarea{ outline:none; resize:none; font-family:"微软雅黑",Verdana,"宋体",sans-serif normal;}
section, article, aside, header, footer, nav, dialog, figure {display: block;} /*让老本的浏览器支持语义化标签*/
input[type="button"],button{ cursor:pointer;}

/* 强制换行 */
.break-word{ word-wrap: break-word; word-break:break-all;}
/* 强制不换行 */
.nowarp{ white-space:nowrap;}

.tar{ text-align:right;}
.tac{ text-align:center;}
.tal{ text-align:left;}

/* 隐藏 */
.dn{ display:none;}

/* float */
.flr{ float:right;}
.fll{ float:left;}
.clb{ clear:both;}

.fs8{ font-size:8px;}
.fs10{ font-size:10px;}
.fs12{ font-size:12px;}
.fs16{ font-size:16px;}
.fs20{ font-size:20px;}
.fs30{ font-size:30px;}

//ui 按钮
.ui-btn{ background:url(../images/btn.png) no-repeat; width:96px; height:35px; line-height:35px; color:#fff; text-align:center; cursor: pointer; border:none; 
	margin:0; padding:0;
	&:hover{ background-position: 0 -35px; color:#fff;}
	&:active{ color:#eee;}
}

.ui-text-btn{
	margin:0; padding:0; background:url(../images/ui-text-buttom.gif) no-repeat; width:66px; height:42px; border:none; color:#999;
	&:hover{ background-position: 0 -45px;}
	&:active{ background-position: 0 -89px;}
}
//ui 文本框
.ui-text{
	padding: 5px; .bd(); .border-radius(3px); .box-shadow-inset();
	&:focus{
		.box-shadow-focus();
	}
}
//ui 禁止使用
.ui-disabled{ .bd(); background: #F5F5F5; cursor: not-allowed; color:#666;}
.ui-readonly{
	cursor: not-allowed;
	&:focus{ 
		.bd();
		.box-shadow-inset();
	}
}

//ui 文本框错误提示
.ui-error{ .bd(#B94A48);
	&:focus{
		.box-shadow-focus(185, 74, 72);
	}
}

//ui 进度条
.ui-progress-bar{
	.bd(); background: #fff; height:18px; .border-radius(5px); .over-zoom(); .box-shadow-inset();
	p{ background:#52A8EC; height:100%; }	
}
//ui 关闭icon
.ui-close{ font-size: 20px; line-height: 18px; color: #000; text-shadow: 0 1px 0 white; opacity: 0.2; }

.ui-checkbox{display: inline-block; padding-top: 5px; margin-bottom: 0; vertical-align: top; font-size:12px;}


/* 整体区域 */
.wrap{ height:100%; padding:0 40px 0 0; .over-zoom(); max-width: 1583px; min-width: 961px; margin: 0 auto;}
/* 头部 */
.header{ background:#000; height:36px; line-height:35px; color:#fff; margin-bottom:20px;
	ul{
		li{ float:left;
			a{ color:#ccc; padding:0 12px;
				&:hover{ color:#fff; background:#4C4C4C; }
				img{ vertical-align:middle;}
			}
		}
	}
	.ctrl{ float:right;}
	.search{
		float:right; background:#fff; height:22px; line-height:22px; margin:7px 10px 0 0; .box-shadow-inset(); .border-radius(2px); padding:2px 5px; .over-zoom();
		.search-text{ border:none 0; height:22px; float:left;}
		.search-btn{ background:#fff; border:none; background:url(../images/search.png) no-repeat center 1px; width:20px; height:22px; float:left;}
	}
}
/* 导航 begin */
.nav{ position:fixed; z-index:10; top:200px; right:0; _position:absolute;
	li{ 
		a{ background:url(../images/navigation.jpg) no-repeat; height: 39px; width: 38px;}
		.home{ background-position:0 0;
			&:hover{ background-position:0 -39px;}
		}
		.about{ background-position:-38px 0;
			&:hover{ background-position:-38px -39px;}
		}
		.setting{ background-position:-76px 0;
			&:hover{ background-position:-76px -39px;}
		}
		.folder{ background-position:-114px 0;
			&:hover{ background-position:-114px -39px;}
		}
		.contact{ background-position:-152px 0;
			&:hover{ background-position:-152px -39px;}
		}
	}
}
/* 导航 end */

//底部
.footer{
	background:#fff; .box-shadow-inset(); height:200px; margin-top:60px;
}
.outter-width{ width:105%; .over-zoom();}
/* 模块 begin */
.module{
	padding-bottom:30px;
	h3{ line-height:30px; .over-zoom(); margin-bottom:10px; border-bottom:#666 solid 2px; .nowarp();
		.title{ float:left; font-size:16px;}
		.more{ float:right; font-size:10px;}
	}
	.post{
		float:left; background:#fff; padding:5px; border:@borderColor solid 1px; margin:0 17px 10px 0; .box-shadow-outter(90,90,90,0.6);
	}
	//列表样式
	.list{ line-height:22px;
		li{ .nowarp();}
	}
	
}
/* 模块 end */

/* 没有顶部表框 begin */
.noborder-module{
	border:none; 
}
/* 没有顶部表框 end */

.padding-30{ padding:0 30px; .over-zoom(); border-right:@borderColor solid 1px;}